<script setup>
// onBeforeRouteUpdate：在当前路由改变，但是该组件被复用时调用
// onBeforeRouteLeave： 在导航离开渲染该组件的对应路由时调用
import {onBeforeRouteUpdate, onBeforeRouteLeave} from "vue-router";

/*
  1. 导航被触发。
  2. 在失活的组件里调用 beforeRouteLeave 守卫。
  3. 调用全局的 beforeEach 守卫。
  4. 在重用的组件里调用 beforeRouteUpdate 守卫(2.2+)。
  5. 在路由配置里调用 beforeEnter。
  6. 解析异步路由组件。
  7. 在被激活的组件里调用 beforeRouteEnter。（组合式API没有该方法）
  8. 调用全局的 beforeResolve 守卫(2.5+)。
  9. 导航被确认。
  10. 调用全局的 afterEach 钩子。
  11. 触发 DOM 更新。
  12. 调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。

 */

/*
  1.导航完成之后获取：先完成导航，然后在接下来的组件生命周期钩子中获取数据。
    在数据获取期间显示“加载中”之类的指示。
  2.导航完成之前获取：导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。

  从技术角度讲，两种方式都不错 —— 就看你想要的用户体验是哪种。

 */



</script>

<template>
  <h1>Son1</h1>
</template>

<style scoped>

</style>